<?php !defined('IN_DSW') && exit('大神你要飞呀');?>
{Tinwin include:top}
<script type="text/javascript" src="{Tinwin c:HomeSkinPath}js/flash.js"></script>
<div class="wxp slide-main" id="touchMain">
    <a class="prev" href="javascript:;" stat="prev1001"><img src="{Tinwin c:HomeSkinPath}images/l-btn.png" /></a>
    <div class="slide-box">
        {TinJdt mylist,3,inrow,myid}
        <div class="slide">
            <a stat="sslink-{Tinwin v:myid}" href="{Tinwin v:mylist['linkurl']}" target="_blank"><img src="{Tinwin v:mylist['img']}"></a>
        </div>
        {WinJdt}
    </div>
    <a class="next" href="javascript:;" stat="next1002"><img src="{Tinwin c:HomeSkinPath}images/r-btn.png" /></a>
    <div class="item">
        {TinJdt mylist,3,inrow,myid}
        <a href="javascript:;" stat="item100{Tinwin v:myid}" class="cur"></a>
        {WinJdt}
    </div>
</div>
<dl class="w100 title">
    <dt>产品中心</dt>
    <dd>产品产品产品产品产品产品产品产品</dd>
</dl>
<div class="w100 product-type">
    <div class="wpx" id="serve">
        <div class="left">
            <a href="category_product.html">
                <img src="{Tinwin c:HomeSkinPath}images/computer1.png">
                <dl>
                    <dt>电脑终端</dt>
                    <dd>客户的满意就是我们的追求<br>切实结合客户营销情况</dd>
                </dl>
            </a>
        </div>
        <div class="left">
            <a href="category_product.html">
                <img src="{Tinwin c:HomeSkinPath}images/ipad1.png">
                <dl>
                    <dt>电脑终端</dt>
                    <dd>客户的满意就是我们的追求<br>切实结合客户营销情况</dd>
                </dl>
            </a>
        </div>
        <div class="left">
            <a href="category_product.html">
                <img src="{Tinwin c:HomeSkinPath}images/iphone1.png">
                <dl>
                    <dt>电脑终端</dt>
                    <dd>客户的满意就是我们的追求<br>切实结合客户营销情况</dd>
                </dl>
            </a>
        </div>
    </div>
</div>

<dl class="w100 title">
    <dt>成功案例</dt>
    <dd>案例案例案例案例案例案例案例案例</dd>
</dl>

<div class="w100 home_case">
    <div class="wpx">
        <div class="case-list">
            {TinSArt mylist,0,8,'view desc',myid}
            <a class="fl" href="{Tinwin v:mylist['url']}">
                <img src="{Tinwin v:mylist['img']}">
                <p>{Tinwin v:mylist['title']}</p>
            </a>
            {WinSArt}
        </div>
    </div>
</div>

<dl class="w100 title">
    <dt>新闻资讯</dt>
    <dd>产品介绍产品介绍产品介绍产品介绍</dd>
</dl>

<div class="w100 home_news">
    <div class="wpx">
        <div class="left">
            {TinSArt mylist,0,1,'id,view',myid}
            <a class="left news-left" href="{Tinwin v:mylist['url']}" style="background: url({Tinwin v:mylist['img']}) no-repeat;background-size:cover;">
                <p>{Tinwin v:mylist['title']}</p>
            </a>
            {WinSArt}
        </div>
        <div class="right">
            {TinSArt mylist,0,4,'view desc',myid}
            <div>
                <dl class="news-date">
                    <dt>{Tinwin date:v:mylist['addtime'],Y}</dt>
                    <dd>{Tinwin date:v:mylist['addtime'],'m/d'}</dd>
                </dl>
                <dl class="news-info">
                    <dt><a href="{Tinwin v:mylist['url']}">{Tinwin v:mylist['title']}</a></dt>
                    <dd>{Tinwin v:mylist['seo_description']}</dd>
                </dl>
            </div>
            {WinSArt}
        </div>
    </div>
</div>

<dl class="w100 title">
    <dt>关于我们</dt>
    <dd>产品介绍产品介绍产品介绍产品介绍</dd>
</dl>

<div class="w100 myself">
    <div class="wpx clearfloat">
        <div class="left">
            <img src="{Tinwin c:HomeSkinPath}images/about.png">
        </div><div class="right"></div>
        <div class="self clearfloat">
            <dl>
                <dt>{Tinwin $CurSite['web_name']}</dt>
                <dd>{Tinwin $CurSite['web_aboutus']}</dd>
            </dl>
            <a href="#" class="right">查看更多</a>
        </div>
    </div>
</div>
{Tinwin if $friendlink}
<dl class="wpx links">
    <dt><span>友情链接</span></dt>
    <dd>
    {Tinwin tree $friendlink,mylist,myid}
        <a href="{Tinwin v:mylist['link_url']}">{Tinwin v:mylist['link_title']}</a>
    {Tinwin endtree}
    </dd>
</dl>
{Tinwin endif}
<script type="text/javascript">
     var arr1 = ["{Tinwin c:HomeSkinPath}images/computer1.png","{Tinwin c:HomeSkinPath}images/ipad1.png","{Tinwin c:HomeSkinPath}images/iphone1.png"];
     var arr2 = ["{Tinwin c:HomeSkinPath}images/computer2.png","{Tinwin c:HomeSkinPath}images/ipad2.png","{Tinwin c:HomeSkinPath}images/iphone2.png"];
     var plate = document.getElementById("serve").getElementsByClassName("left");
     var imgs = document.getElementById("serve").getElementsByTagName("img");
     
     for(var i = 0; i<plate.length;i++){
         plate[i].onmouseover = function(){
          for(var i = 0; i<plate.length;i++){
                  if(this==plate[i]){
                         imgs[i].src = arr2[i];
                   }
             }         
         }
         plate[i].onmouseout = function(){
           for(var i = 0; i<plate.length;i++){
                  if(this==plate[i]){
                         imgs[i].src = arr1[i];
                    }
              }
         }
     }

     $(document).ready(function(){
        $(".case-list .fl").hover(function(){
            $(this).children("p").fadeIn();
        },function(){
            $(this).children("p").fadeOut();
        });

        $(".news-info dd").each(function(){
            var maxwidth=60;
            if($(this).text().length>maxwidth){
                $(this).text($(this).text().substring(0,maxwidth));
                $(this).html($(this).html()+'...');
            }
        });

        $(".self dl dd").each(function(){
            var maxwidth=120;
            if($(this).text().length>maxwidth){
                $(this).text($(this).text().substring(0,maxwidth));
                $(this).html($(this).html()+'...');
            }
        });

        $(".news-left").hover(function(){
            $(this).children("p").fadeIn();
        },function(){
            $(this).children("p").fadeOut();
        });
    })
</script>
{Tinwin include:footer}
